// 引入配置文件
@import "variable";
@import "reset";
@import "alert";
// 样式开始
body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {
  margin: 0;
  position: relative; }
.web {
  width: 100vw;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/背景.jpg);
  background-size: cover;
  overflow: hidden; }

.web {
  display: flex;
  justify-content: center;
  align-items: center; }

.info_wrapper {
  position: relative;
  width: 78.667vw;
  height: 111.867vw;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0vw 0.533vw 1.773vw 0.627vw rgba(0, 0, 0, 0.3);
  border-radius: 1.333vw; }

.datelist {
  display: flex;
  align-items: center;
  font-size: 4vw;
  color: #0075c1;
  margin-top: 9.2vw;
  margin-left: 6.933vw;
  margin-bottom: 11.733vw; 
}
.select{
	font-size: 3.467vw;
	font-weight: bold;
}
.select>option{
	font-size: 2.125vw;
}
.down_arrow {
  width: 0;
  height: 0;
  border-top: 1.2vw solid #0075c1;
  border-left: 0.8vw solid transparent;
  border-right: 0.8vw solid transparent;
  margin-left: 1.467vw; }

.book_title {
  display: flex;
  width: 100%; }
  .book_title > h4 {
    width: 50%;
    text-align: center;
    font-size: 3.467vw;
    color: #0075c1; }

.book_detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 43vw;
  margin-top: 13.6vw; }

.book_date {
  display: flex; }
  .book_date > p, .book_date > .book_status {
    width: 50%;
    text-align: center;
    font-size: 3.467vw;
    color: #434242; }

.tips {
  position: absolute;
  left: 0;
  bottom: 8.4vw;
  font-size: 4vw;
  width: 100%;
  text-align: center; }
 .alert_wrapper{
	 position: absolute;
 }
 